<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta http-equiv="Expires" content="-1"/>
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <title>大掌柜充值页面</title>


    <link rel="icon" type="image/png" href="../img/recharge_logo.png">
    <link rel="apple-touch-icon-precomposed" href="${base}/template/assets/i/app-icon72x72@2x.png">
    <link rel="stylesheet" href="../template/assets/css/public.css"/>
    <link rel="stylesheet" href="../template/website/css/recharge.css"/>
    <script type="text/javascript" src="../template/assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="../template/website/js/app.js"></script>
    <script type="text/javascript" src="../template/website/js/recharge.js"></script>

    <link rel="stylesheet" href="../template/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../template/assets/css/font-awesome.css">
    <link rel="stylesheet" href="../template/assets/css/public.css"/>
    <link rel="stylesheet" href="../template/website/css/recharge.css"/>
    <script type="text/javascript" src="../template/assets/js/amazeui.min.js"></script>
    <script type="text/javascript" src="../template/assets/js/amazeui.widgets.helper.min.js"></script>


</head>

<body onload="init();">
<nav class="chg-cnt">
    <div class="chg-hd" id=czPageTitle>
        四川移动大掌柜
    </div>
    <div class="chg-devide"></div>
    <div  class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
        <div class="am-modal-dialog">
            <div class="am-modal-hd" style="font-size: 0.35rem;">充值确认</div>
            <div class="am-modal-bd" id="nameVal" style="font-size: 0.35rem;">
                default
            </div>
            <div class="am-modal-footer">
                <span style="font-size: 0.35rem;" class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span style="font-size: 0.35rem;" class="am-modal-btn" data-am-modal-confirm>确定</span>
            </div>
        </div>
    </div>

    <div class="chg-main">
        <input id="phone" maxlength="13" type="tel" placeholder="请输入手机号码" name="phone" value=""
               class="chg-phone" />
        <div class="chg-devide"></div>
        <ul class="chg-jine">
            <li class="chg-jine-active"><font>10元<i></i></font></li>
            <li><font>50元<i></i></font></li>
            <li><font>100元<i></i></font></li>
            <li><font>200元<i></i></font></li>
            <li><font>400元<i></i></font></li>
            <li class="chg-jine-other">
                <font><input onkeyup="this.value=this.value.replace(/\D/g,'')"
                             onafterpaste="this.value=this.value.replace(/\D/g,'')" type="number" placeholder="其他金额" 
                             value="其他金额"/><span>元</span> <i></i></font></li>
        </ul>
    </div>

    <div class="chg-xianshi chg-main">
        <p class="chg-xianshi-num">支付金额：<span>10元</span><font>元</font></p>

        <p class="chg-xianshi-only">只能输入10的倍数</p>

        <p class="chg-xianshi-orderid">订单号：<span id="orderid"></span></p>
    </div>
    <div style="display: none;" id="chg-bussy">系统繁忙，请稍后再试</div>
    <div class="chg-devide chg-devide-margin"></div>

    <div class="chg-main chg-divide2">

        <div class="chg-method">
            <span>支付方式：</span>

            <div class="chg-method-a"><p><img src="../template/website/images/zffs.png" onclick="changePayPlat(this,15)"
                                              style="border:1px solid #01A0EB;"/><i class="pay15"></i></p></div>
            <div class="chg-method-a"><p style="margin-left: 20px;"><img src="../template/website/images/union_pay.jpg"
                                              onclick="changePayPlat(this,16)" style="border:none;"/><i
                    class="pay16" style="display:none;"></i></p></div>
        </div>
        <!-- <div class="txcznr czxz">

          <div class="zffs">
              <span>支付方式：</span>
              <a class="xzyt" ><p><img src="../template/website/images/zffs.png"/></p></a>
              <a class="xzyt" ><p><img src="../template/website/images/union_pay.jpg"/></p></a>
          </div> -->
        <div class="chg-method captcha">
            <span>验证码：</span>
            <input id="randcode" maxlength="5" type="number" value="" placeholder="请输入验证码" />
            <img id="yzmPic" name="yzmPic" src="../recharge/captcha?width=110&height=50&fontsize=42"
                 onerror="this.src='../recharge/captcha?width=110&height=50&fontsize=42'" title="看不清？点击换一张"
                 onclick="this.src='../recharge/captcha?width=110&height=50&fontsize=42&ver='+(new Date()).getTime();"/>
            <a href="javascript:void();"
               onclick="$('#yzmPic').attr('src','../recharge/captcha?width=110&height=50&fontsize=42&ver='+(new Date()).getTime());">换一张</a>
        </div>
    </div>
    <div style="margin-top:1.2rem"></div>
    <a href="javascript:submitOrder();" class="chg-submit btn clear">立即充值</a>

    <input type="text" name="fxstr" id="fxstr" value="" style="display: none;"/>
    <input type="text" name="moduleId" id="moduleId" value="" style="display: none;"/>
    <input type="text" name="moduleId" id="payinfo" value="" style="display: none;"/>
    <input type="hidden" name="payPlat" id="pay-plat" value="15"/>
    <input type="hidden" id="orgName"/>

    <div id="returnData"></div>
</nav>
<script type="text/javascript">
    //返回页面分享的参数,当当前页面有canAppShare=1参数时需要添加此函数resShareParm(函数名不能改，客户端已经只调用这个函数)
    function resShareParm() {
        var regText1 = "saleType=1";
        var regText2 = "saleType=3";
        var regS1 = new RegExp(regText1, "gi");
        var regS2 = new RegExp(regText2, "gi");
        var urlpath = window.location.href.replace(regS1, "saleType=2").replace(regS2, "saleType=4");//修改平台类型(原生分享出去统一改为分享平台)：1（直销通代客下单）改为 2（直销通分享页面购买） 3（微店原生购买）改为 4（微店分享购买）
        var imgpath = 'http://' + window.location.host + '/upload/file/default_head_img.png';
        var title = "充值缴费";
        var description = $("#orgName").val() + "重榜推荐充值缴费";
        var data = "url=" + urlpath + "&&img=" + imgpath + "&&title=" + title + "&&description=" + description + "";
        return data;
    }
</script>
</body>
</html>
